@charset "utf-8";
/* CSS Document */

body { background-color: #ffffff !important; font-family: 'Raleway', sans-serif;  font-weight: 500; color: #777777; font-size: 14px ; line-height: 24px; margin: 0!important; padding: 0 !important}
a:hover {text-decoration: none !important; }	
strong {font-weight: 700}
h1, h2, h3, h4, h5, .row, .col {margin: 0; padding: 0}
.container {padding-left: 0; padding-right: 0; }
.rouge {color: #d21a25;}
a.rouge:hover {color: #d21a25; text-decoration: underline !important}
.orange {color: #ff6600;}
.noir {color: #000000}
.gris {color: #f5f5f5}
.blanc {color: #ffffff}
.backgrisclair {background-color: #f5f5f5}
.backrouge{background-color: #d21a25}
.cap {text-transform: uppercase}
.taille12 {font-size: 12px}
.taille18 {font-size: 18px}
.taille24 {font-size: 24px; }
.taille36 {font-size: 36px}
.taille48 {font-size: 48px}
.taille60 {font-size: 60px}
.supergras {font-weight: 900}
.centre {text-align: center !important }
.bloc {display: block}
.marge10 {margin-top: 10px}



h1 {font-size: 85px; line-height: 85px; text-align: left; display: block; font-weight: 900 ; color: #0074b8; margin-left: 50px; padding-top: 120px ;  } 
h1 span {font-size: 48px; display: block; color: #000000; line-height: 48px; text-transform: uppercase }

h2 {font-size: 38px; line-height: 48px; text-align: center; color: #ffffff; font-weight: 900; }

ul {margin-left: 0; padding-left: 0}
ul li {list-style-type: none; padding-bottom: 15px}
ul li:before {  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0da"; display: inline-block; margin-right: 5px;  }


.bandelogo {background: rgba(255, 255, 255, 1) }
.bandelogo .logoricoh {display: block; text-align: left}
.bandelogo .logoresah {display: block; text-align: right}
.header_lp { width: 100%; background: url( "https://img03.en25.com/EloquaImages/clients/RicohEuropePLC/%7B3b9cd3d5-113b-441f-b479-2a1d6cbfe333%7D_header_lp_resah.jpg") right bottom no-repeat; background-size: cover; height: 500px  }

.intro {background: #2a3c85; padding: 45px 0 55px 0; position: relative; margin-bottom: 40px}
.intro:after {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; display: block; position: absolute; width: 70px; height: 70px; border-radius: 100px; left: 50%; margin-left: -35px; bottom: -35px; background: #ffffff; color: #0074b8; font-size: 48px; text-align: center; padding-top: 15px; z-index: 2 }

.accroche {font-size: 24px; line-height: 32px;  text-align: center; display: block; font-weight: 900 ; color: #0074b8;  }


.offre {text-align: center; margin: 40px 0 30px 0; color: #000000; border-bottom: 1px solid #c7ccdf; padding-bottom: 40px}
.offre img {display: block; width: 100%; height: auto}
.offre h3 {color: #c7ccdf; font-size: 24px; line-height: 28px; font-weight: 700; display: block; margin: 10px 0}
.offre col-sm-4 {padding: 10px 25px }
.noborder {border-bottom: 0; padding-bottom: 0; margin-top: 0px ; margin-bottom: 50px}
.offre h4 {padding: 10px 0 5px 0}

.arguricoh {background: #0074b8; padding: 30px 0; color: #ffffff; text-align: center; font-weight: 700}
.arguricoh h2 {margin-bottom: 20px; color: #c7ccdf}
.arguricoh img {display: block; position: relative; left: 50%; margin-left: -75px; margin-bottom: 10px}


.titreformulaire {background: #37488c; padding: 30px 0}
.titreformulaire h2 {text-transform: uppercase}
.formulaire {background: #c7ccdf; padding: 30px 0 }
.question, label.control-label, .label {text-transform: uppercase; font-weight: 900; color: #37488c;  }
.question {font-size: 20px }
label.control-label {margin-bottom: 0px  }
.question2 .question {display: block; text-align: center; margin-bottom: 20px  }
.question1, .question2, .question3 {padding-bottom: 20px; border-bottom: 1px solid #37488c; margin-bottom: 30px }
.question1 {text-align: center;  }
.question1 .form-check-label, .question4 .form-check-label {text-transform: uppercase}
 .form-check-label {color: #000000}
.rubrique, h4 {font-size: 18px; color: #37488c; font-weight: 700}
.sousrubrique, .sousrubrique2 {font-style: italic; color: #000000; font-size: 18px}
.sousrubrique2 {margin-top: 20px}
.col-md-6 .rubrique:nth-child(n+1) {margin-top: 20px}



.formulaire .bouton{ border-radius: 0 !important ; border: 0; padding: 10px 5px; font-size: 18px; text-transform: uppercase; font-weight: 900;  -webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	transition: all .3s ease; text-align: center ; box-shadow: none ;  display: block; width: 250px; }	
.formulaire .bouton {position: relative; left: 50%; margin-left: -125px; background: #37488c; color: #ffffff; border: 1px solid #ffffff !important ; margin-top:  20px; margin-bottom:  30px;   }	
	
.formulaire .bouton:hover { background-color: #ffffff ;  color: #37488c; border-color: #ffffff   }
.formulaire .bouton a{ color: #ffffff !important; text-decoration: none  }

.control-label {text-align: left !important; text-transform:  uppercase !important; color: #f5f5f5; font-weight: 900}
::-webkit-input-placeholder {
   font-style: italic
}

:-moz-placeholder { /* Firefox 18- */
    font-style: italic; font-size: 14px;
}

::-moz-placeholder {  /* Firefox 19+ */
    font-style: italic ; font-size: 14px;
}

:-ms-input-placeholder {  
    font-style: italic; font-size: 14px;  
}
	
	
.footer { padding: 15px 0; background-color: #2d3f87; text-align: center; }
.footer a{opacity: 0.5 ; -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease; display: inline-block; padding: 0 10px}
.footer a:hover {opacity: 1 ;}


 @media screen and (max-width: 1280px) {

.header_lp {height: 400px; background-position: top 0  right -150px  }
h1 {font-size: 64px; line-height:64px; margin-left: 30px; padding-top: 120px  } 
h1 span {font-size: 36px; line-height: 36px; }

}

 

 @media screen and (max-width: 992px) {

.header_lp {height: 350px; background-position: top 0  right -150px  }
h1 {font-size: 64px; line-height:64px; margin-left: 30px; padding-top: 80px  } 
h1 span {font-size: 36px; line-height: 36px; }
h2 {font-size: 32px; line-height: 40px;  }

}

	
	 @media screen and (max-width: 768px) {
 .header_lp {background-position: top 0  right -200px  }
h1 {font-size: 48px; line-height:48px; margin-left: 0px; padding-top: 120px  } 
h1 span {font-size: 24px; line-height: 24px; }
h2 {font-size: 24px; line-height: 32px;  }
.accroche {font-size: 18px; line-height: 24px;   }
		 .question4 .col-md-4 {margin-bottom: 20px}
		 .offre .col-sm-4:nth-child(n+1) {margin-bottom: 30px}
		 		  .offre  .col-sm-4:last-child {margin-bottom: 0px}
		 .noborder {margin-bottom: 0px}
}



 @media screen and (max-width:550px ) {
	  .bandelogo .logoricoh, .bandelogo .logoresah  {text-align: center}
	 .header_lp {height: 300px; background-position: top 0  right -200px  } 
	 h1 {font-size: 36px; line-height:42px; margin-left: 0px; padding-top: 80px  } 
h1 span {font-size: 21px; line-height: 24px; }

}